/* A CSS Framework by Mike Stenhouse of Content with Style */

body {
    margin: 0 auto;
    padding: 0;
    font: Verdana, Tahoma, Arial, sans-serif;
}

a {
	/*color: #0c55be !important; */
}

a:visited {
    /*color: #cc0000;*/
}

a:hover {
    /*background-color: transparent;
    color: green !important; 
    text-decoration: underline overline;*/
}

a img { border: 0 }

div#page{
	width:950px;
	margin: 0 auto;
}

/* HEADER */
div#header {
    color: black;
    clear: both;
    padding: 0;
    width: 100%;
}

div#switchLocale {
    position: absolute;
    right: 10px;
}

div#header h1 {
   margin-left: -10px;
}

div#header p {
    float: right;
    margin: -40px 0px 0 0;
    color: #a0a0a0;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.2em;
    font-weight: bold;
}

div>div#header p {
    margin-right: 10px;
}

div#branding {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 20px;
    text-align: left;
}
/* END HEADER */

div#errormsg {
	position:absolute;
	padding:3px;
	top:72px;
	left:650px;
	border:1px dotted #d21033; background:#fed;color:#d21033;	
	font-size:12px; font-weight:bold; line-height:1.5;
	padding:3px 4px;
	clear:both;
}

div#content{
    position: relative;
    width: 950px;
    margin: 0;
    padding: 0;
    text-align: left;
	float:left
}

div#lefter{
	float:right;
	width: 214px;
	padding: 5px 0 0 0;
}

div#lefter input{
	height:17px;
}

div#righter{
	float:left;
	width: 705px;
	margin-top: -26px;
	margin-left: 0px;
	margin-bottom: 20px;
    text-align: left;	
}

div#righter input {
	border:1px solid #7f9db9 !important;
	height:16px;
}


.navigation{
	padding-left: 120px
}

/*font-weight:bold;*/
div#csconline{
	float:left;
	width: 705px;
	margin-top: 15px;
	color:#1f54a5;
}

/* CONTENT */
div>div#content {
    margin-left: 0px;
}
body#error #content {
    margin-top: 20px;
}
/* MAIN */
div#main {
    padding:0;
	float:left;
	width: 720px;
}
div#main h1 {
    font-size: 1.5em;
    margin: -4px 0 0.4em 0;
}
div#main h2 {
    font-size: 1.3em;
    margin: 0 0 10px 0;
}

/* END MAIN */

/* SUB */
div#sub {
    
}
/* END SUB */

/* END CONTENT */

/* FOOTER */
div#footer {
    clear: both;
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 980px;
    text-align: center;
    background-color: white;
    color: #808080;
    font-size: 0.9em;
}

div#footer a {
    color: #808080;
    text-decoration: none;
}

div#footer a:hover {
    text-decoration: underline;
}

div#footer p {
    margin: 0;
}
div#footer span.left, div#footer span.right {
    display: block;
    text-align: center;
    float: none;
    margin: 5px;
}
/* END FOOTER */

form {
	margin-top:0;
}

td{font-size:12px;line-height:160%;color:#353535}
.td1{border-left:1px solid #BBBBBB}
select{font-size:12px}
input{height:20px;font-size:12px}
.td2{border:1px solid #C4C4C4;border-top:0px}
.td3{border:1px solid #C4C4C4}
.td5{padding-top:5px}
.td6{margin-top:20px}
.td17{padding-left:15px}
.td7{padding-left:5px}
.td11{padding-left:25px}
.td10{margin-top:5px}
.td8{line-height:200%}
.td12{padding:5px 0px}
.td9{font-size:14px;padding-left:20px}
.td15{font-size:14px;padding-top:20px;padding-right:20px}
.td13{font-size:14px;font-weight:bold}
.td16{padding:10px 10px}
.td18{border-top:1px solid #8C8C8C;padding-left:18px}

a:link,a:visited{color:#353535;text-decoration:none}
a:active,a:hover{color:#000000;text-decoration:none}

a.navigationa{color:#0c55be;}

.black1:link,.black1:visited{font-size:14px;text-decoration:none;color:#3B3B3B;font-weight:bold}
.black1:active,.black1:hover{font-size:14px;text-decoration:none;color:#3B3B3B;font-weight:bold}

.blue5:link{color:#1E60A8;text-decoration:none;font-weight:bold}
.blue5:visited{color:#1E60A8;text-decoration:none;font-weight:bold}
.blue5:hover{color:#1E60A8;text-decoration:none;font-weight:bold}

.blue3:link{color:#0C55BE;text-decoration:none}
.blue3:visited{color:#0C55BE;text-decoration:none}
.blue3:hover{color:#0C55BE;text-decoration:none}

.red:link{color:#1f54a5;text-decoration:none}
.red:visited{color:#1f54a5;text-decoration:none}
.red:hover{color:#1f54a5;text-decoration:none}

.blue8:link{color:#1E60A8;text-decoration:none}
.blue8:visited{color:#1E60A8;text-decoration:none}
.blue8:hover{color:#1E60A8;text-decoration:none}

.blue6:link{color:#1E60A8;text-decoration:none;font-weight:bold;font-size:14px}
.blue6:visited{color:#1E60A8;text-decoration:none;font-weight:bold;font-size:14px}
.blue6:hover{color:#1E60A8;text-decoration:none;font-weight:bold;font-size:14px}

.white:link{font-size:14px;color:#ffffff;text-decoration:none;font-weight:bold}
.white:visited{font-size:14px;color:#ffffff;text-decoration:none;font-weight:bold}
.white:hover{font-size:14px;color:#ffffff;text-decoration:none;font-weight:bold}

.white1:link{color:#ffffff;text-decoration:none}
.white1:visited{color:#ffffff;text-decoration:none}
.white1:hover{color:#ffffff;text-decoration:none}

#wrap{
	word-break:break-all;
	width:125px; 
	overflow:hidden; 
}

li.wwgrp{list-style-type:none}
code{background-color:#F5F5F5; line-height:16px; padding:3px 10px 3px 10px; display:block; white-space:pre;}
samp{background-color:#EEF2F9; line-height:16px; padding:3px 10px 3px 10px; display:block; white-space:pre;}
dl{padding-left:10px;line-height:20px;}
dt{font-weight:bold;color:#A2007C;padding-left:20px;}
var{font-weight:bold;color:#008C5E;}
h1{font-size:23px;font-weight:bold;padding-left:10px;border-bottom:solid 1px #666666;}
h2{font-size:21px;font-weight:bold;padding-left:10px;color:#1B4F93;}
h3{font-size:19px;font-weight:bold;padding-left:10px;}
h4{font-size:17px;font-weight:bold;padding-left:10px;}
h5{font-size:15px;font-weight:bold;padding-left:24px;background-image:url('../images/Icon01.gif');background-repeat:no-repeat; background-position:10px;color:#4169e1;}
h6{font-size:12px;font-weight:bold;padding-left:24px;background-image:url('Icon02.gif');background-repeat:no-repeat; background-position:10px top;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#CCCCCC;font-weight:normal; font-style:italic;margin-left:10px; font-size:smaller;}
fieldset{margin-left:20px;margin-right:20px;}
legend{color:#FF6600;font-size:12px;}
select,input{border:solid 1px #CCCCCC; vertical-align:middle;}
.TopMenu{line-height:30px;color:#FFFFFF;}
.TopMenu th{background-color:#000000;letter-spacing:2px;white-space: nowrap;text-align:left;width:20%;padding-left:10px;}
.TopMenu td{background-color:#7F4D80;letter-spacing:1px;white-space: nowrap;text-align:right;width:80%;padding-right:10px;}
.BottomCopyright{line-height:18px;border-top:1px solid #000000;margin-top:10px;}
.BottomCopyright div{text-align:left;padding:10px;}
.BottomCopyright span{font-size:10px;}
/* jQuery.FormValidator�����ʽƬ�� */
.Show {padding-left:25px;line-height:22px;vertical-align:middle;font-size:12px;display:inline-block;background-image:url('../../images/jQuery.FormValidator.Icons.gif');background-repeat:no-repeat; background-position:0px 0px;}
.Focus{padding-left:25px;line-height:22px;vertical-align:middle;font-size:12px;display:inline-block;background-image:url('../../images/jQuery.FormValidator.Icons.gif');background-repeat:no-repeat; background-position:0px -22px;background-color:#E9FFEB;}
.Error{padding-left:25px;line-height:22px;vertical-align:middle;font-size:12px;display:inline-block;background-image:url('../../images/jQuery.FormValidator.Icons.gif');background-repeat:no-repeat; background-position:0px -44px;background-color:#FFF2E9;}
.Success{padding-left:25px;line-height:22px;vertical-align:middle;font-size:12px;display:inline-block;background-image:url('../../images/jQuery.FormValidator.Icons.gif');background-repeat:no-repeat; background-position:0px -66px;background-color:#E9F0FF;}
/* jQuery.FormValidator�����ʽƬ�� */

/*--- shared --*/
#ftHolder { width: 500px; float: center; text-align: center; height: 332px; padding-left: 50px;padding-bottom: 60px;}

#example { float: left; }
.ft-title { padding: 10px 10px; width: 480px; text-align: left; }
/*--- end:shared --*/

/* MESSAGES --------------------------------- */
.info, .errors, .success2{
	clear:both; 
	padding:15px 20px 10px 100px; 
	font-size:12px; 
	font-weight:bold; 
	line-height:1.5;
	height:45px;
	margin-left:20px;
	text-align:left;
	margin-bottom:10px;
}
	
.errors {
	border:1px dotted #d21033; 
	background:#fed url(../../images/error.gif) no-repeat 20px 10px; 
	color:#d21033;
}

.success2 {
	border:1px dotted #390; 
	background:#dfa url(../../images/confirm.gif) no-repeat 20px 10px; 
	color:#390;
}

.info {
	border:1px dotted #008; 
	background:#eff url(../../images/info.gif) no-repeat 20px 10px; 
	color:#008;
}